/**
 * Sencha GXT 3.1.0 - Sencha for GWT
 * Copyright(c) 2007-2014, Sencha, Inc.
 * licensing@sencha.com
 *
 * http://www.sencha.com/products/gxt/license/
 */
@def backgroundColor value('theme.accordionLayout.backgroundColor');
@def borderColor value('theme.accordionLayout.border.color');
@def borderStyle value('theme.accordionLayout.border.style');
@def borderWidth value('theme.accordionLayout.border.toString');

@def headerBackgroundColor value('theme.accordionLayout.headerBackgroundColor');
@def padding value('theme.accordionLayout.headerPadding');


@def headerPadding value('theme.accordionLayout.headerPadding');
@def headerGradient value('theme.accordionLayout.headerGradient');

.panel {
  outline: 0 none;
  border-style: borderStyle;
  border-width: borderWidth;
  border-color: borderColor;
}

@sprite .header {
  gwt-image: "headerBackground";
  height:auto;
  position: relative;
  /* override gwt-image's overflow:hidden, which adds a few px of height somehow in chrome (and others?) */
  overflow:visible;

  padding: padding;
}

.body {
  background-color: backgroundColor;
  border: none;
  overflow: hidden;
  position: relative;
}

.footer {
  position: relative;
}
.bodyWrap {
}